<template>
    <div class="course-apply" v-cloak>
        <div class="icon">
            <img src="../img/dengdai.png">
        </div>
        <div class="text-center">
            <div class="status-title">等待群主审核</div>
            <div class="tip">已提交申请，正在审核中<br>申请后添加群主微信</div>
        </div>
        <div class="action">
            <img :src="headUrl">
        </div>
    </div>
</template>

<script>
    export default {
        data(){
            return {
                headUrl: ''
            }
        },
        created(){
            this.headUrl = window.sessionStorage.getItem('headUrl')
        }
    }
</script>

<style scoped lang="scss">
    .course-apply{
        .icon{
            text-align: center;
            padding-top: 1rem;
            img{
                width: .75rem;
            }
        }
        .status-title{
            font-size: 18px;
            font-weight: bold;
            padding: .2rem 0 .1rem;
        }
        .tip{
            color: var(--tipColor);
            height: .4rem;
            line-height: .2rem;
        }
        .action{
            padding-top: .3rem;
            text-align: center;
            img{
                width: 1.1rem;
            }
        }
    }
</style>